/* 头部 */

.w {
    width: 9.226667rem;
    margin: 0 auto;
}

body,
html {
    height: 100%;
}

.elm {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

header {
    position: relative;
    height: 100%;
    height: 1.013333rem;
    display: flex;
    justify-content: space-around;
}

header .header_left {
    margin-top: .346667rem;
}

header .header_left i {
    font-size: .4rem;
    color: #eb2c3c;
}

header .header_left span {
    font-size: .346667rem;
    color: #303030;
}

.header_center i {
    position: absolute;
    top: .28rem;
    left: 3.64rem;
    font-size: .373333rem;
    color: #abacb0;
}

.header_center input {
    width: 6.613333rem;
    height: .746667rem;
    background-color: #f2f3f7;
    border-radius: 5px;
    text-align: center;
    line-height: .746667rem;
    margin-top: .16rem;
    font-size: .346667rem;
    color: #b5b6b8;
}

.header_right {
    margin-top: .32rem;
}

.header_right i {
    color: #e33357;
    font-size: .373333rem;
}

main {
    flex: 1;
    overflow: auto;
    height: 100%;
}

.wrap {
    display: flex;
    flex-direction: column;
}


/* nav部分 */

nav {
    display: flex;
    justify-content: center;
    margin-top: .16rem;
}

.nav_box {
    width: 9.2rem;
    height: 3.68rem;
}

.nav_box img {
    width: 100%;
    height: 100%;
}


/* 导航模块 */

.ad {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: .373333rem 0 .773333rem 0;
}

.ad li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
    line-height: 1rem;
}

.ad li {
    width: 2rem;
    height: 2rem;
    font-size: .8rem;
}

.ad li i {
    font-size: .666667rem;
}

.ad li span {
    font-size: .293333rem;
    color: #3f3f3f;
}

.xian hr {
    color: #ccc;
}


/* 更多 */

.more {
    margin-top: .506667rem;
}

.more_top {
    display: flex;
    justify-content: space-between;
}

.more_top h2 {
    font-size: .4rem;
    font-weight: 700;
}

.more_top span {
    font-size: .32rem;
    color: #bbbbbb;
}

.more_center {
    display: flex;
    justify-content: space-between;
    margin-top: .453333rem;
}

.more_center img {
    width: 2.96rem;
    height: 2.666667rem;
}

.more_bottom {
    display: flex;
    justify-content: space-around;
    margin: .4rem 0;
}

.more_bottom span {
    width: 2.186667rem;
    height: .853333rem;
    text-align: center;
    line-height: .853333rem;
    font-size: .373333rem;
    background-color: #f2f6dd;
}

.more_bottom span:nth-child(2n) {
    background-color: #ebfdf1;
}

.beihun {
    display: flex;
    justify-content: space-between;
    margin: .4rem 0 .453333rem 0;
}

.beihun h2 {
    font-size: .4rem;
    font-weight: 700;
}

.beihun span {
    font-size: .32rem;
    color: #bbbbbb;
}


/* 底部 */

.footer_ul {
    display: flex;
    justify-content: space-around;
}

.footer_ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer_ul li i {
    font-size: .533333rem;
    color: #9c9c9c;
}

.footer_ul li:nth-child(1) i {
    color: #da364e;
}

.footer_ul li span {
    font-size: .266667rem;
    color: #9f9f9f;
}